<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>jeep牧马人</title>
		<meta charset="utf-8" />
		<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> 
    	<style>
    	@import url("https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch");

    	body {
    		padding: 0px;
    		margin: 0px;
    		height: 100%;
    		background: #efefef;
    		font-family: "Neucha", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    		font-size: 1rem;
    		font-weight: 700;
    		line-height: 1.5;
    	}
    	.container {
    		position: absolute;
    		top: 0; left: 0; bottom: 0; right: 0;
    		display: table;
    		width:100%;
    		height:100%;
    		background: url(img/3.jpg) no-repeat center center fixed; 
  			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  			background-size: cover;
    	}
    	#left {
    		display: table-cell;
    		padding-top:30px;
    		width: 320px;
    		text-align: center;
    		height:100%;
    		background: rgba(0,0,0,0.35);
  			color: #fff;
    	}
    	#left h1 {
    		font-size: 3em;
    	}
    	#right {
    		display: table-cell;
    		
  		}
  		
  		.center {
    		margin: auto;
    		width: 90%;
    		padding: 10px;
    		clear:both;
    		
		}
		.center h2 {
			color: white;
			
		}
		#tcContainer {}
		
		.tcItem {
			overflow: hidden;
			text-align: left;
			display: table;
			width: 90%;
			background: #fff;
			clear: both;
			margin: 10px;
			padding: 0px !important;
			margin-bottom: 2rem;
			opacity: 0.8;
			border-radius: 555px 25px 15px 25px/25px 5px 35px 555px;
			-webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.35);
			-moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.35);
			box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.35);
  			
		
		}
		.tcItem h5 {font-size: 1.8em; margin: 0 0 5px 0;font-family: "Neucha", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
		.tcButton {float:right; padding:2px 10px 2px 10px; line-height: 25px !important;}
		.tcImage {display: table-cell;padding:0;}
		.tcImage img {margin:-5px 5px -5px -5px;width:160px;z-index:999;}
		.tcText {font-size: 0.9em;display: table-cell;padding:15px 15px 15px 15px;}
		.tcPrice{font-size: 0.9em;color: #999 !important;}
		.tcDescription {font-size: 0.8em;color: #999 !important; }
		.tcTitle {font-weight: bold !important; color: #333 !important;}
		.related {
			margin: 50px;
			text-align:center;
		}
		.related .keyword {
			white-space: nowrap;
			background:#000;
			color: #fff;
			padding: 5px;
			-moz-border-radius:10px;
  			-webkit-border-radius:10px;
  			border-radius:10px;
  			text-decoration:none;
  			line-height:50px;
  			margin-bottom: 5px;
		}
		.box{
  			margin: 100px auto;
  			width: 300px;
  			height: 50px;
		}
		.container-1{
  			width: 270px;
  			vertical-align: middle;
  			white-space: nowrap;
  			position: relative;
  			margin: 0 auto;
		}
		.container-1 input#search {
			width: 270px;
			height: 50px;
			background: #2b303b;
			border: 1px solid;
			font-size: 10pt;
			float: left;
			color: #63717f;
			padding-left: 45px;
			border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
			-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
			transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		}
		.container-1 input#search::-webkit-input-placeholder {
   			color: #65737e;
		}
 
		.container-1 input#search:-moz-placeholder { 
   			color: #65737e;  
		}
 
		.container-1 input#search::-moz-placeholder {  
   			color: #65737e;  
		}
 
		.container-1 input#search:-ms-input-placeholder {  
   			color: #65737e;  
		}
		.container-1 .icon{
  			position: absolute;
  			top: 50%;
  			left:10px;
  			margin-right: 17px;
  			margin-top: 17px;
  			z-index: 99;
  			color: #4f5b66;
		}
		.container-1 input#search, .container-1 input#search, .container-1 input#search{

    		background: #ffffff;
  		}
		footer {
			position: fixed;
			left: 0; bottom: 0;
			text-align: center;
		}
		@media only screen and (max-width: 792px) {
			.container{
				position:relative;
				display:block;
			}
			#right{
				display: block;
				width:100%;
			}
			#left{
				display: block;
				width:100%;
			}
			.center {
				position: relative;
				width:100%;
			}
			#tccontainer{
				margin-top: auto;
				display: block;
				width:100%;
			}
    		.tcItem { 
        		display: block;
        		width: 80%;
        		max-width: 100%;
        		margin-bottom:20px;
        		text-align: center;
    		}
    		.tcImage {
    			width: 100%;
    		}
    		.tcPrice {
    			display: block;
    			margin:5px;
    		}
    		.tcButton {float:center; display: block; width:80%; margin:0 auto;}
    		footer{
    			position: relative;
    		}
		}
    	</style>
<script src="https://securepubads.g.doubleclick.net/static/glade/extra_36.js"></script>
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
<script src="https://trafficclub-nde.netdna-ssl.com/rtb.min.js"></script>
<script async="" src="//www.google-analytics.com/analytics.js"></script>
<script>
	function goto(vars) {
		document.location.replace('https://track.vcdc.com/?mid=171&f=171&domain=freehtml5templates.com' + vars);
	}

	function surf(vars) {
		document.location.replace(vars);
	}
</script>
	<script>var keyword = " ";</script>
	<link rel="preload" href="https://adservice.google.com/adsid/integrator.js?domain=freehtml5templates.com" as="script"><script type="text/javascript" src="https://adservice.google.com/adsid/integrator.js?domain=freehtml5templates.com"></script>
	<link rel="stylesheet" href="data:text/css,@import%20url%28%27%20https%3A//fonts.googleapis.com/css%3Ffamily%3DPoppins%20%27%29%3B">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript">
		
	</script></head>
	<style>
		.header-area {
			padding: 20px 0 20px;
			border-top: 5px #0052a4 solid;
			background: #f7f7f7;
		}
	</style>
<body>

	<div class="container">
	
	<div id="right">
	 		<div class="center">
	<h2>你知道jeep牧马人吗？</h2>
	<div id="tccontainer" style="width:100%;">

		<div class="tcRawItem tcItem" data-url="domain=freehtml5templates.com&amp;hash=59b7d7ea3bfc1db2cfbefec3f0568ebd&amp;u=eyJ0aW1lc3RhbXAiOjE2MDc1MTI0NTEsImRvbWFpbiI6ImZyZWVodG1sNXRlbXBsYXRlcy5jb20iLCJkb21haW5faWQiOiI3ODE2NDc5IiwibWlkIjoiMTcxIiwiYWR2ZXJ0aXNlcl9pZCI6Ijk5OTkiLCJ0YXJnZXQiOiJodHRwOlwvXC90cmFjay52Y2RjLmNvbVwvP21pZD0xNzEmZj0xNzEmZG9tYWluPWZyZWVodG1sNXRlbXBsYXRlcy5jb20ma2V5d29yZD1FbGVjdHJvbmljcyIsImlwX2FkZHJlc3MiOiI0Mi40OS4xMDkuMTM3IiwidHlwZSI6ImNsaWNrIiwiYmlkIjoiMC4wMDAifQ==">
			<div class="tcRawImage tcImage">
				<img src="img/1.jpg">
			</div>
			<div class="tcRawText tcText">
				<h5 class="tcRawTitle tcTitle">自由灵魂的荣誉勋章</h5>
				<span class="tcRawMeta tcMeta"><span class="tcRawPrice tcPrice">牧马人 Rubicon Recon 限量版</span>
				<a href="https://www.jeep.com.cn/wrangler/jl/">
				<span class="tcRawSite tcSite">https://www.jeep.com.cn/wrangler/jl/</span></a>
			</div>
		</div>
		<div class="tcRawItem tcItem" data-url="domain=freehtml5templates.com&amp;hash=fcdf671f7e093078f61579be1dd8ecfd&amp;u=eyJ0aW1lc3RhbXAiOjE2MDc1MTI0NTEsImRvbWFpbiI6ImZyZWVodG1sNXRlbXBsYXRlcy5jb20iLCJkb21haW5faWQiOiI3ODE2NDc5IiwibWlkIjoiMTcxIiwiYWR2ZXJ0aXNlcl9pZCI6Ijk5OTkiLCJ0YXJnZXQiOiJodHRwOlwvXC90cmFjay52Y2RjLmNvbVwvP21pZD0xNzEmZj0xNzEmZG9tYWluPWZyZWVodG1sNXRlbXBsYXRlcy5jb20ma2V5d29yZD1UcmF2ZWwiLCJpcF9hZGRyZXNzIjoiNDIuNDkuMTA5LjEzNyIsInR5cGUiOiJjbGljayIsImJpZCI6IjAuMDAwIn0=">
			<div class="tcRawImage tcImage">
				<img src="img/2.jpg"></div>
			<div class="tcRawText tcText">
				<h5 class="tcRawTitle tcTitle">Jeep Life</h5>
				<span class="tcRawMeta tcMeta"><span class="tcRawPrice tcPrice">探享聚乐部</span>
				<a href="https://www.jeep.com.cn/life/about.html">
				<span class="tcRawSite tcSite">https://www.jeep.com.cn/life/about.html</span>
				</a></span>
			</div>
		</div>
		<div class="tcRawItem tcItem" data-url="domain=freehtml5templates.com&amp;hash=fe9eca47798ebd465aa9a62734e12abc&amp;u=eyJ0aW1lc3RhbXAiOjE2MDc1MTI0NTEsImRvbWFpbiI6ImZyZWVodG1sNXRlbXBsYXRlcy5jb20iLCJkb21haW5faWQiOiI3ODE2NDc5IiwibWlkIjoiMTcxIiwiYWR2ZXJ0aXNlcl9pZCI6Ijk5OTkiLCJ0YXJnZXQiOiJodHRwOlwvXC90cmFjay52Y2RjLmNvbVwvP21pZD0xNzEmZj0xNzEmZG9tYWluPWZyZWVodG1sNXRlbXBsYXRlcy5jb20ma2V5d29yZD1GYXNoaW9uIiwiaXBfYWRkcmVzcyI6IjQyLjQ5LjEwOS4xMzciLCJ0eXBlIjoiY2xpY2siLCJiaWQiOiIwLjAwMCJ9">
			<div class="tcRawImage tcImage"><img src="img/s.jpg"></div>
			<div class="tcRawText tcText">
				<h5 class="tcRawTitle tcTitle">Brand Message</h5>
				<span class="tcRawMeta tcMeta"><span class="tcRawPrice tcPrice">jeep 动态</span>
				<a href="https://www.jeep.com.cn/about/">
				<span class="tcRawSite tcSite">https://www.jeep.com.cn/about/</span></a></span>
			</div>
		</div>
	</div>
</div>
	 		
	</div>		
	<div id="left">
		<h1>Do you want to know more?</h1>
			<form>
			<div class="box">
  				<div class="container-1">
      				<a class="icon" type="submit"><i class="fa fa-search"></i></a>
      				<input type="search" id="search" name="query" placeholder="这只是个样子。。。" value="">
  				</div>
			</div>
			</form>
			<div class="related">
	 				 		</div>
	 		<div class="footer">
				<a style="cursor: pointer;" onclick="window.open('new_file.html', 'Privacy', 'toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=600, height=400, screenX=100, screenY=50')">A joke</a>
			</div>
	</div>
	</div>
 

<script src="https://static.traffic.club/feed.js"></script>
<script type="text/javascript" defer="">
	var placement1 = {
		customer: '171',
		direct: 'g4tcd',
		customerFolder: '171',
		invocation: 'feed',
		container: 'tccontainer',
		keyword: '',
		delay: 0,
		maxItems: 3,
		button: false,
		force: false 
	};
	getTcAds(placement1);
</script>
<script src="/banner_ads.js" type="text/javascript"></script>
<div id="kjhUlkjUnbj6" style="display: none;"></div>
<script type="text/javascript">
	if(document.getElementById('kjhUlkjUnbj6')) {
		kjhUlkjUnbj6 = 'No';
	} else {
		kjhUlkjUnbj6 = 'Yes';
		setTimeout(window.location.replace('https://track.vcdc.com/?mid=171&f=171&domain=freehtml5templates.com'), 2000);
	}
	(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o),
			m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
	ga('create', 'UA-43967021-7', 'auto', {
		'name': 'mainCounter'
	});
	ga('mainCounter.set', 'dimension1', 'ts_landing_5');
	ga('mainCounter.set', 'dimension2', '126');
	ga('mainCounter.set', 'dimension3', 'no');
	ga('mainCounter.set', 'anonymizeIp', true);
	ga('mainCounter.send', 'event', 'Blocking Ads', kjhUlkjUnbj6, {
		'nonInteraction': 1
	});
	ga('mainCounter.send', 'pageview');
</script>
<script type="text/javascript">
	(function(d, t) {
		var g = d.createElement(t),
			s = d.getElementsByTagName(t)[0];
		g.src = 'https://trafficclub-nde.netdna-ssl.com/rtb.min.js';
		s.parentNode.insertBefore(g, s);
	}(document, 'script'));
	var trafficClub = {
		customer: '171',
		customerHash: 'e04b2ca08ccde67ed5d0c2ddad3fb452',
		customerFolder: '171',
		invocation: 'redirect',
		keyword: keyword
	};
</script>
<script>
	(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o),
			m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

	ga('create', 'UA-43967021-13', 'auto', {
		'name': 'tcCounter'
	});
	ga('set', 'anonymizeIp', true);
	ga('tcCounter.send', 'pageview');
</script>

<script async="async" src="https://securepubads.g.doubleclick.net/static/glade.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<style type="text/css">
	.tcRawItem {
		padding: 10px;
		font-family: 'Poppins', sans-serif
	}
	
	.tcRawItem:hover {
		cursor: pointer;
	}
	
	.tcRawText {
		display: block;
	}
	
	.tcRawImage {
		float: left;
		padding: 5px;
	}
	
	.tcRawTitle {
		font-weight: normal;
		color: #1A0DAB;
		text-decoration: none;
		margin-bottom: 3px;
		font-size: 1em;
	}
	
	.tcRawSite {
		white-space: nowrap;
		color: #006621;
		text-decoration: none;
		font-size: 0.8em;
	}
	
	.tcRawDescription {
		font-size: 0.8em;
	}
	
	.tcRawButton {
		line-height: 50px;
		margin: 5px;
		background: #4a90e2;
		color: white;
		text-decoration: none;
		text-align: center;
		padding: 10px;
		border: 0px;
		border-radius: 11px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	}
	
	.tcRawPrice {
		white-space: nowrap;
		padding-right: 10px;
	}
</style>
</body>

</html>